<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="http//at.alicdn.com/t/font_462661_0igxit1cjm5qm2t9.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-default">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">Bootstrap2中文文档</a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      	<ul class="nav navbar-nav">
		        	<li><a href="#">Bootstrap3中文文档</a></li>
			        <li><a href="#">Bootstrap 4.0 预览</a></li>
			        <li><a href="#">Less 教程</a></li>
			        <li><a href="#">jQuery API</a></li>
			        <li><a href="#">网站实例</a></li>
		      	</ul>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="#">关于</a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-->
		</nav>
		
		
	
		
		<div class="container-fulid" id="box">
				<div class="jumbotron juzhong">
					<h1 id="boxh">Bootstrap</h1>
					<p id="boxp">简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
					<p><a class="btn btn-primary btn-lg" href="#" role="button">Bootstrap3中文文档(v3.3.7)</a></p>
					<span><a href="#" class="boot1">Bootstrap2中文文档(v2.3.2)</a></span>
				</div>
			
		</div>
		
		<div class="mide">
			<div class="midebox">
				<a href="#"><i class="iconfont icon-weixin"></i>Bootstrap问答社区</a><span>|</span>
				<a href="#"><i class="iconfont icon-sina"></i>新浪微博：@Bootstrap中文网</a>
			</div>
		</div>
		
		<div class="container">
			<div class="row">
				<div class="box2">
					<h2>Bootstrap相关优质项目推荐</h2>
					<p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
				</div>
			</div>	
		</div>
		<div class="container box2-2">
			<div class="row">
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    <div class="col-sm-6 col-md-4 col-lg-3 ">
			        <div class="thumbnail">
			          <a href="#" title="Bootstrap" target="_blank" >
			            <img class="lazy" src="images/yan.png" width="300" height="150" >
			          </a>
			          <div class="caption">
			            <h3>
			                <a href="#" title="Bootstrap">Bootstrap 编码规范<br><small>by @mdo</small></a>
			            </h3>
			            <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			          </div>
			        </div>
			    </div>
			    
			</div> <!--container-->
		</div>
		
		
		<div class="box3">
			<div class="container box3-1">
				<div class="row">
					<ul class="media-list">
					  <li class="media">
					    <div class="media-left">
					      <a href="#">
					        <img class="media-object" src="#" >
					      </a>
					    </div>
					    <div class="media-body box3-2">
					      <h2 class="media-heading"><img src="images/64.png"/>ookstrap</h2>
					      	本网站所列开源项目的中文版文档全部由Bootstrap中文网成员翻译整理，<br />并全部遵循 CC BY 3.0协议发布。
					    </div>
					  </li>
					</ul>
					
					
					<div class="raw boxs">
					    <div class="col-sm-6">
					    	<table class="boxs1">
					        <tr>
					          <th><a href="#">关于</a></th>
					          <th><a href="#">联系方式</a></th>
					          <th><a href="#">旗下网站</a></th>
					          <th><a href="#">赞助商</a></th>
					        </tr>
					        <tr>
					         
					          <td><a href="#">关于我们</a></td>
					          <td><a href="#">新浪微博</a></td>
					          <td><a href="#">Laravel中文网</a></td>
					          <td><a href="#">又拍云</a></td>
					        </tr>
					        <tr>
					          <td><a href="#">广告合作</a></td>
					          <td><a href="#">电子邮件</a></td>
					          <td><a href="#">Ghost中国</a></td>
					          
					        </tr>
					        <tr>
					          <td><a href="#">友情链接</a></td>
					         
					        </tr>
					        <tr>
					          <td><a href="#">招聘</a></td>
					        </tr>
					    </table>
					    </div>
					</div>
				</div>	
			</div>
		</div>
		
		
		<div class="container">
			<div class="row">
				<p class="footer"><a href="#">京ICP备11008151号</a><span>|</span>京公网安备11010802014853</p>
			</div>
		</div>
		
		
		
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
</html>
